<script language='javascript'>
    var requestsItems = new Array();
    $(document).ready(function() {
        function _validateRequest(rid,status){
            var observation = Rocket.get('txtObservacion_'+rid).val().value;
            var liId = 'li_'+rid;
            Rocket.Request({
                url: BASE_URL + 'requests/validateGroup',
                data:{
                    RequestId:rid,
                    observation:observation,
                    status:status
                },
                success:function(response) {
                    jQuery("#"+liId).slideUp();
                }
            });
        }
        function _validateRequestUser(rid,status){
            var observation = Rocket.get('txtObservacion_'+rid).val().value;
            var liId = 'li_'+rid;
            Rocket.Request({
                url: BASE_URL + 'requests/validateUser',
                data:{
                    RequestId:rid,
                    observation:observation,
                    status:status
                },
                success:function(response) {
                    jQuery("#"+liId).slideUp();
                }
            });
        }
        function _validateRequestInvitation(rid,status){
            var observation = Rocket.get('txtObservacion_'+rid).val().value;
            var liId = 'li_'+rid;
            Rocket.Request({
                url: BASE_URL + 'requests/validateInvitation',
                data:{
                    RequestId:rid,
                    observation:observation,
                    status:status
                },
                success:function(response) {
                    jQuery("#"+liId).slideUp();
                }
            });
        }
        function _getMessages(messages){
            var list = "<ul class='ul_messages'>";
            messages = messages.split("#");
            jQuery.each(messages, function(i,msj){
                list = list+'<li style="padding:1%;float:left;width:98%;">'+msj+'</li>';
            });
            return list+'</ul>';
        }
        function _getRequests(status){
            Rocket.Request({
                url: BASE_URL + 'requests/get',
                data:{
                    status:status||''
                },
                success:function(response) {
                    if(response.data.groups){
                        var data = response.data.groups;
                        jQuery.each(data, function(i,item){
                            var uid = item.RequestId+'_'+item.UserId;
                            var nombre = item.nombre1+' '+item.nombre2+' '+item.apellido1+' '+item.apellido2;
                            var panelRequestId = 'formPanel-'+item.RequestId;
                            var liId = 'li_'+item.RequestId;
                            jQuery("#list").append('<li id="'+liId+'"></li>');
                            var messages = _getMessages(item.Messages);
                            requestsItems.push(Rocket.Create(
                            {
                                type:'panel',
                                id:panelRequestId,
                                height:'200px',
                                width:'90%',
                                renderTo:liId,
                                items:[
                                    {
                                        type:'label',
                                        id:'label-'+item.RequestId,
                                        width:'150px',
                                        text:'El usuario <strong><a class="lnkUserDetail" href="javascript:void(0);" id="'+uid+'">'+nombre+'</a></strong>'+
                                            ' desea crear el nuevo grupo '+item.Grupo.nombre+' <strong>'+item.Grupo.nombregrupo+'</strong>'
                                    },
                                    {
                                        type:'label',
                                        id:'labelRequest-'+item.RequestId,
                                        width:'150px',
                                        text:"\n<strong>Mensajes:</strong> "+messages
                                    },
                                    {
                                        type: 'textarea',
                                        label: 'Mensajes',
                                        height:'70',
                                        width:'60%',
                                        name: 'observacion',
                                        id:'txtObservacion_'+item.RequestId
                                    }
                                ],
                                buttons:[
                                    {
                                        type:'button',
                                        id:'btnValidarRequest_'+item.RequestId,
                                        name:'submit',
                                        value:'Validar',
                                        handler:function(){
                                            _validateRequest(item.RequestId,'accepted_closed');
                                        }
                                    },
                                    {
                                        type:'button',
                                        id:'btnRechazarRequest_'+item.RequestId,
                                        name:'submit',
                                        value:'Rechazar',
                                        handler:function(){
                                            _validateRequest(item.RequestId,'denegated_closed');
                                        }
                                    }
                                ]
                            }));
                        });
                    }
                    if(response.data.users){
                        var data = response.data.users;
                        jQuery.each(data, function(i,item){
                            var uid = item.RequestId+'_'+item.UserId;
                            var nombre = item.nombre1+' '+item.nombre2+' '+item.apellido1+' '+item.apellido2;
                            var panelRequestId = 'formPanel-'+item.RequestId;

                            console.log(panelRequestId)

                            var liId = 'li_'+item.RequestId;
                            jQuery("#list").append('<li id="'+liId+'"></li>');

                            var messages = _getMessages(item.Messages);
                            
                            uid_mygroup    = uid;
                            nombre_mygroup = nombre;

                            requestsItems.push(Rocket.Create(
                            {
                                type:'panel',
                                id:panelRequestId,
                                height:'200px',
                                width:'90%',
                                renderTo:liId,
                                items:[
                                    {
                                        type:'label',
                                        id:'label-'+item.RequestId,
                                        width:'150px',
                                        text:'El usuario <strong><a class="lnkUserDetail" href="javascript:showUser(uid_mygroup,nombre_mygroup);" id="'+uid+'">'+nombre+'</a></strong>'+
                                            ' desea integrarse al Sistema'
                                    },
                                    {
                                        type:'label',
                                        id:'labelRequest-'+item.RequestId,
                                        width:'150px',
                                        text:"\n<strong>Lo invito:</strong> "+messages
                                    },
                                    {
                                        type: 'textarea',
                                        label: 'Mensajes',
                                        height:'70',
                                        width:'60%',
                                        name: 'observacion',
                                        id:'txtObservacion_'+item.RequestId
                                    }
                                ],
                                buttons:[
                                    {
                                        type:'button',
                                        id:'btnValidarRequest_'+item.RequestId,
                                        name:'submit',
                                        value:'Validar',
                                        handler:function(){
                                            _validateRequestUser(item.RequestId,'accepted_closed');
                                        }
                                    },
                                    {
                                        type:'button',
                                        id:'btnRechazarRequest_'+item.RequestId,
                                        name:'submit',
                                        value:'Rechazar',
                                        handler:function(){
                                            _validateRequestUser(item.RequestId,'denegated_closed');
                                        }
                                    }
                                ]
                            }));
                        });
                    }
                    if(response.data.invitations){
                        var data = response.data.invitations;
                        jQuery.each(data, function(i,item){
                            var uid = item.RequestId+'_'+item.UserId;
                            var nombre = item.nombre1+' '+item.nombre2+' '+item.apellido1+' '+item.apellido2;
                            var panelRequestId = 'formPanel-'+item.RequestId;

                            //console.log(nombre)

                            var liId = 'li_'+item.RequestId;
                            jQuery("#list").append('<li id="'+liId+'"></li>');

                            var messages = _getMessages(item.Messages);
                            uid_mygroup    = uid;
                            nombre_mygroup = nombre;
                            
                            requestsItems.push(Rocket.Create(
                            {
                                type:'panel',
                                id:panelRequestId,
                                height:'200px',
                                width:'90%',
                                renderTo:liId,
                                items:[
                                    {
                                        type:'label',
                                        id:'label-'+item.RequestId,
                                        width:'150px',
                                        text:item.Messages
                                    },
                                    {
                                        type: 'textarea',
                                        label: 'Mensajes',
                                        height:'70',
                                        width:'60%',
                                        name: 'observacion',
                                        id:'txtObservacion_'+item.RequestId
                                    }
                                ],
                                buttons:[
                                    {
                                        type:'button',
                                        id:'btnValidarRequest_'+item.RequestId,
                                        name:'submit',
                                        value:'Validar',
                                        handler:function(){
                                            _validateRequestInvitation(item.RequestId,'accepted_closed');
                                        }
                                    },
                                    {
                                        type:'button',
                                        id:'btnRechazarRequest_'+item.RequestId,
                                        name:'submit',
                                        value:'Rechazar',
                                        handler:function(){
                                            _validateRequestInvitation(item.RequestId,'denegated_closed');
                                        }
                                    }
                                ]
                            }));
                        });
                    }
                }
            });
        }
        panel = Rocket.Create(
        {
            type:'panel',
            id:'panelbotones',
            height:'200px',
            width:'90%',
            renderTo:'buttons',
            items:[
                {
                    type:'button',
                    id:'btnAccepteds',
                    name:'Ver Aceptadas',
                    value:'Ver Aceptadas',
                    handler:function(){
                        jQuery("#list").children().remove();
                        _getRequests('accepted_closed');
                    }
                },
                {
                    type:'button',
                    id:'btnDenegadas',
                    name:'Ver Denegadas',
                    value:'Ver Denegadas',
                    handler:function(){
                        jQuery("#list").children().remove();
                        _getRequests('denegated_closed');
                    }
                }
            ]
        });
        _getRequests();
        
       var detailUserHtml = $("#detailUser").html();
        $("#detailUser").html('');

        winDetail = Rocket.Create({
            type:'panel',
            id: 'winDetail',
            width:'80%',
            height:500,
            title:'Detalle Usuario',
            modal:true,
            items:[
                {
                    type:'panel',
                    id: 'winUser',
                    width:'100%',
                    height:500,
                    renderTo:'detailUser',
                    html:detailUserHtml,
                    style:'background-color:#FFFFFF;padding:5px;border:1px solid #949494;'
                }
            ],
            buttons:[
                {
                    type:'button',
                    id:'close',
                    value:'Cerrar',
                    handler:function(){
                        winDetail.close();
                    }
                }
            ]
        });
        $(".lnkActivity").live('click',function(){
            $(this).parent().next().toggle('slow');
        }); 
        
              
        
    });
    
     function showUser(uid,nombre){
            Rocket.Request({
                                    url: BASE_URL + 'users/det_user',
                                    data:{
                                        userId : uid,
                                        user_name : nombre},
                                        success:function(data) {
                                            if (data.success){
                                               displayUserData(data); 
                                               winDetail.show(); 
                                            }
                                            else{

                                                Rocket.Create({
                                                    type:'dialog',
                                                    title:'Error en la operacion',
                                                    typeAlert:'error',
                                                    message:_getErrorFromArray(data.errors)
                                                });
                                            }
                                        }
                                });
      }
      
      
       function displayUserData(data){
            jQuery('#imgAvatar').attr('src',data.data.DATA[0]['avatar']);
            jQuery('#liRut').text(data.data.DATA[0]['rut']);
            jQuery('#liNombre').text(data.data.DATA[0]['nombre1']+' '+data.data.DATA[0]['nombre2']+' '+data.data.DATA[0]['apellido1']+' '+data.data.DATA[0]['apellido2']);
            jQuery('#liFechaNacimiento').text(data.data.DATA[0]['fechanacimiento']);
            jQuery('#liEmail').text(data.data.DATA[0]['email']);
            jQuery('#liSexo').text(data.data.DATA[0]['sexo']);
            jQuery('#liFonoMovil').text(data.data.DATA[0]['fono_movil']);
            jQuery('#liFonoFijo').text(data.data.DATA[0]['fono_fijo']);
            jQuery('#liDireccion').text(data.data.DATA[0]['direccion']);
            jQuery('#liOficio').text(' '+data.data.OFICIO);
            
            jQuery('#LiEncuentros').children("li").remove();
            for (var x = 1;x<=data.data.GROUPS.length;x++){
                     if(data.data.GROUPS[x-1]['disp'] == 'Y') jQuery('#LiEncuentros').append('<li><label>'+data.data.GROUPS[x-1]['name']+': </label><div id="liPreEncuentro" class="rck-icon-tick"></div></li>');
                     else jQuery('#LiEncuentros').append('<li><label>'+data.data.GROUPS[x-1]['name']+': </label><div id="liPreEncuentro" class="rck-icon-none"></div></li>');
            }
            jQuery('#ulCurrents').children("li").remove();
            for (var x = data.data.GEN.length;x>=1;x--){
                  jQuery('#ulCurrents').append('<li>'+data.data.GEN[x-1]['user_name']+'</li>');    
                  if(x>1) jQuery('#ulCurrents').append('<li class="arrow"></li>');
            }
            
            jQuery('#ulCurrentp').children("li").remove();
            jQuery('#ulCurrentp').children("ul").remove();
            jQuery('#ulCurrentp').children("label").remove();
            jQuery('#ulCurrentp').children("strong").remove();
            
            //console.debug(data.data.T[0]['group_data'][0]['leader_data'].length);
            for (var x = 1;x<=data.data.T.length;x++){
                  jQuery('#ulCurrentp').append('<li>');
                  jQuery('#ulCurrentp').append('<label><strong>'+data.data.T[x-1]['nombrerol']+'</strong> de <a href="javascript:void(0);" class="lnkActivity">'+data.data.T[x-1]['nombre']+'</a></label>'); 
                  jQuery('#ulCurrentp').append('<ul>');
                  jQuery('#ulCurrentp').append('<li>Direccion : '+data.data.T[x-1]['group_data'][0]['direccion']+'</li>');
                  jQuery('#ulCurrentp').append('<li>Reunion : '+data.data.T[x-1]['group_data'][0]['dia_reunion']+' '+data.data.T[x-1]['group_data'][0]['hora_reunion']+'</li>');
                  jQuery('#ulCurrentp').append('<li>Iglesia : '+data.data.T[x-1]['group_data'][0]['nombre']+'</li>');
                  if(data.data.T[x-1]['group_data'][0]['leader_data'].length >0){
                  jQuery('#ulCurrentp').append('<li>Lider : '+data.data.T[x-1]['group_data'][0]['leader_data'][0]['username']+'</li>');
                  jQuery('#ulCurrentp').append('<li>Email Lider : '+data.data.T[x-1]['group_data'][0]['leader_data'][0]['email']+'</li>');
                  jQuery('#ulCurrentp').append('<li>Telefonos : '+data.data.T[x-1]['group_data'][0]['leader_data'][0]['fono']+'</li>');
                  }
                  jQuery('#ulCurrentp').append('</ul>');
                  jQuery('#ulCurrentp').append('</li>');
            }
            
            jQuery('#ulCurrentf').children("li").remove();
            jQuery('#ulCurrentf').children("ul").remove();
            jQuery('#ulCurrentf').children("label").remove();
            jQuery('#ulCurrentf').children("strong").remove();
            for (var x = 1;x<=data.data.F.length;x++){
                  jQuery('#ulCurrentf').append('<li>');
                  jQuery('#ulCurrentf').append('<label><strong>'+data.data.F[x-1]['nombrerol']+'</strong> de <a href="javascript:void(0);" class="lnkActivity">'+data.data.F[x-1]['nombre']+'</a></label>'); 
                  jQuery('#ulCurrentf').append('<ul>');
                  jQuery('#ulCurrentf').append('<li>Direccion : '+data.data.F[x-1]['group_data'][0]['direccion']+'</li>');
                  jQuery('#ulCurrentf').append('<li>Reunion : '+data.data.F[x-1]['group_data'][0]['dia_reunion']+' '+data.data.F[x-1]['group_data'][0]['hora_reunion']+'</li>');
                  jQuery('#ulCurrentf').append('<li>Iglesia : '+data.data.F[x-1]['group_data'][0]['nombre']+'</li>');
                  if(data.data.F[x-1]['group_data'][0]['leader_data'].length >0){
                  jQuery('#ulCurrentf').append('<li>Lider : '+data.data.F[x-1]['group_data'][0]['leader_data'][0]['username']+'</li>');
                  jQuery('#ulCurrentf').append('<li>Email Lider : '+data.data.F[x-1]['group_data'][0]['leader_data'][0]['email']+'</li>');
                  jQuery('#ulCurrentf').append('<li>Telefonos : '+data.data.F[x-1]['group_data'][0]['leader_data'][0]['fono']+'</li>');
                  }
                  jQuery('#ulCurrentf').append('</ul>');
                  jQuery('#ulCurrentf').append('</li>');
            }
            
            jQuery('#ulCurrentPast').children("li").remove();
            jQuery('#ulCurrentPast').children("ul").remove();
            jQuery('#ulCurrentPast').children("label").remove();
            jQuery('#ulCurrentPast').children("strong").remove();
            for (var x = 1;x<=data.data.P.length;x++){
                  jQuery('#ulCurrentPast').append('<li>');
                  jQuery('#ulCurrentPast').append('<label><strong>'+data.data.P[x-1]['nombrerol']+'</strong> de <a href="javascript:void(0);" class="lnkActivity">'+data.data.P[x-1]['nombre']+'</a></label>'); 
                  jQuery('#ulCurrentPast').append('<ul>');
                  jQuery('#ulCurrentPast').append('<li>Direccion : '+data.data.P[x-1]['group_data'][0]['direccion']+'</li>');
                  jQuery('#ulCurrentPast').append('<li>Reunion : '+data.data.P[x-1]['group_data'][0]['dia_reunion']+' '+data.data.P[x-1]['group_data'][0]['hora_reunion']+'</li>'); 
                  jQuery('#ulCurrentPast').append('<li>Iglesia : '+data.data.P[x-1]['group_data'][0]['nombre']+'</li>');
                  if(data.data.P[x-1]['group_data'][0]['leader_data'].length >0){
                  jQuery('#ulCurrentPast').append('<li>Lider : '+data.data.P[x-1]['group_data'][0]['leader_data'][0]['username']+'</li>');
                  jQuery('#ulCurrentPast').append('<li>Email Lider : '+data.data.P[x-1]['group_data'][0]['leader_data'][0]['email']+'</li>');
                  jQuery('#ulCurrentPast').append('<li>Telefonos : '+data.data.P[x-1]['group_data'][0]['leader_data'][0]['fono']+'</li>');
                  }
                  jQuery('#ulCurrentPast').append('</ul>');
                  jQuery('#ulCurrentPast').append('</li>');
            }
            
            
        }  
</script>
<style type="text/css">
    #list li{
        padding:1% 5% 1% 5%;
        float:left;
    }
    .list li{
        padding:1% 5% 1% 5%;
        float:left;
    }
    .ul_messages li{
        padding:1%;
        width:100%;
        float:left;
    }
</style>
<?php echo utf8_decode($module_banner);?>
<ul class='ul_page'>
    <li>
        <ul class="list" >
            <li class="titulo_nice">Solicitudes</li>
            <li id="buttons">

            </li>
            <ul id='list'></ul>
        </ul>
    </li>
</ul>

<div id="detailUser" style="display:none;">
    <div class="dLeft">
        <img id="imgAvatar"/>
        <ul>
            <li><span class="titulo_nice" id="liNombre"></span></li>
            <li><label>Rut: </label><span id="liRut"></span></li>
            <li><label>Sexo: </label><span id="liSexo"></span></li>
            <li><label>Fecha Nac.: </label><span id="liFechaNacimiento"></span></li>
            <li><label>Oficio: </label><span id="liOficio"></span></li>
            <li class="li_title">datos de contacto</li>
            <li><label>Email: </label><span id="liEmail"></span></li>
            <li><label>Teléfono móvil: </label><span id="liFonoMovil"></span></li>
            <li><label>Teléfono fijo: </label><span id="liFonoFijo"></span></li>
            <li><label>Dirección: </label><span id="liDireccion"></span></li>
            <li class="li_title">datos ministeriales</li>
            <li id="LiEncuentros"></li>
            
        </ul>
    </div>
    <div class="dRight">
        <div>
            <ul>
                <li >
                    <label><a href="javascript:void(0);" class="lnkActivity titulo_nice">Participa actualmente como</a></label>
                    <ul class="ulDetail" id="ulCurrentp">
<!--                        <li>
                            <label><strong>Discípulo</strong> de <a href="javascript:void(0);" class="lnkActivity">Célula Robinson </a></label>
                            <ul>
                                <li>Día reunión:  Miercoles a las 19:00</li>
                                <li>Lider: Robinson Vidal</li>
                                <li>Email Lider: rvidal@yahoo.com</li>
                                <li>Teléfonos: 212032 / 88562398</li>
                                <li>Dirección: Gral. Lagos 123, sector Barrios Bajos, Valdivia</li>
                                <li>Iglesia: Gracia y Paz Casa Matriz, sector Gral. Lagos, Valdivia</li>
                            </ul>
                        </li>
                        <li>
                            <label><strong>Oyente</strong> de <a href="javascript:void(0);" class="lnkActivity">Encuentro </a></label>
                            <ul>
                                <li>Inicio:  Miercoles 26 de Agosto 2012 a las 19:00</li>
                                <li>Término: Viernes 28 de Agosto 2012</li>
                                <li>Dirección: Gral. Lagos 123, sector Barrios Bajos, Valdivia</li>
                                <li>Iglesia: Gracia y Paz Casa Matriz, sector Gral. Lagos, Valdivia</li>
                            </ul>
                        </li>-->
                    </ul>
                </li>
                <li><hr></li>
                <li >
                    <label><a href="javascript:void(0);" class="lnkActivity titulo_nice">Participará como</a></label>
                    <ul class="ulDetail" id="ulCurrentf">
                        
                       
                        
                    </ul>
                </li>
                <li><hr></li>
                <li >
                    <label><a href="javascript:void(0);" class="lnkActivity titulo_nice">ah Participado como</a></label>
                    <ul class="ulDetail" id="ulCurrentPast">
                    </ul>
                </li>
            </ul>
        </div>
        <ul>
            <li class="ulGen">
                <label><a href="javascript:void(0);" class="lnkActivity titulo_nice">genealogía</a></label>
                <ul class="ulDetail" id="ulCurrents">
                </ul>
            </li>
        </ul>
    </div>
</div>